// import { defineConfig } from 'vite'
// import react from '@vitejs/plugin-react'

// // https://vitejs.dev/config/
// export default defineConfig({
//   plugins: [react()],
// })
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import postcssPxtorem from 'postcss-pxtorem';

export default defineConfig({
  plugins: [react()],
  // 配置 postcssPxtorem 插件， 将 10px 转换为 rem， 实现响应式布局
  css: {
    postcss: {
      plugins: [
        postcssPxtorem({
          rootValue: 10, // 根据设计稿的根字体大小设置
          propList: ['*'], // 对所有属性应用转换
          selectorBlackList: ['.norem'], // 不想被转换的类名
        }),
      ],
    },
  },
});
